body{font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333;}
img{border:none;}
.inner-shadow{-moz-box-shadow:inset 0 5px 15px 0 #e5e5e5;box-shadow:inset 0 5px 15px 0 #E5E5E5;}

div#body{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:white;}
div#header{height:40px;line-height:36px;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#454545),to(#383838),color-stop(0.6,#0F0F0F));background:#0F0F0F url(../img/header-bg.png) repeat-x;color:#777;box-shadow:0 4px 16px #E5E5E5;}
#logo{font-size:26px;font-weight:bold;text-indent:8px;width:200px;color:#ddd;float:left;margin-top:6px;line-height:30px;font-family: sans-serif}
#account-bar{right:10px;position:absolute;width:120px;text-align:right;line-height:100%;}
#account-bar .account-icon-image{height:27px;line-height:40px;margin-top:6px;}
#account-bar a{color:#b1b1b1;}
#account-bar a:hover{color:#ddd;}
#account-bar .user-name{float:right;line-height:40px;padding-right:8px;}
#account-bar .user-img{float:right}
div#content{position:absolute;top:40px;left:0;right:0;bottom:24px;width:100%;border-bottom:1px solid #C8C8C8;}
div#footer{position:absolute;left:0;right:0;bottom:0;width:100%;background-color:#E2E2E2;height:24px;line-height:24px;text-align:right;color:#777}
div#footer span.info{margin-right:1.12em;}
.fullScreen div#footer{display:none}

#con-menu{position:absolute;top:0;bottom:0;left:0;width:260px;background-color:white;border-right:1px solid #c0c0c0;}
#con-menu #con-menu-footer{position:absolute;bottom:0;right:0;left:0;padding:8px 10px;border-top:1px solid #E5E5E5;background-color:#fff;}
#con-menu #con-menu-results{overflow-y:auto;overflow-x:hidden;position:absolute;top:74px;bottom:31px;left:0;right:0;-moz-transition:top .5s,height .25s;-ms-transition:top .5s,height .25s;-o-transition:top .5s,height .25s;-webkit-transition:top .5s,height .25s;transition:top .5s,height .25s;}
#con-menu #con-menu-results .menu-item{display:block;}
#con-menu #con-menu-results .menu-item-link{display:block;padding-left:1.4em;font-size:16px;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #f2f1ec;background:url(../img/arrow-grey.gif) 98% 50% no-repeat;}
#con-menu #con-menu-results .menu-item-link:hover,
#con-menu #con-menu-results .menu-item-link.active,
#con-menu #con-menu-results .menu-item-link.hover{background-color:#F8F8F8;border-bottom:1px solid #ddd;box-shadow:inset 0 -5px 12px 0 #E5E5E5;}

.item-tooltips{display:none;position:fixed;left:270px;top:68px;z-index:2;}
.item-tooltips .arr-icon{width:9px;height:18px;display:block;position:absolute;left:-8px;background:url(../img/tooltip-left.png) no-repeat;top:50%;margin-top:-9px;_left:-8px;}
.item-tooltips .tooltip-con{display:block;background-color:#fff;min-width:100px;min-height:94px;border:1px solid #ddd;box-shadow:inset 0 -5px 12px 0 #f5f5f5;border-radius:6px;padding:14px 14px;}

.sprite_icn_add{width:16px;height:16px;background:url(../img/btns.png) -0px -17px;}
.sprite_icn_search_2{width:16px;height:17px;background:url(../img/main.png) -270px -38px;}
div#buddysearch{height:37px;background-color:#f0f0f0;border-bottom:1px solid #c5c5c5;-webkit-box-shadow:0 5px 10px #e5e5e5;box-shadow:0 5px 10px #e5e5e5;}
div#buddysearch>*{margin:10px 0 0 11px;vertical-align:middle;}
div#buddysearch #buddysearch_input_div{float:right;position:relative;width:87%;margin:4px 0;}
div#buddysearch #buddysearch_input_div input{height:26px;line-height:26px;width:83%;border:1px solid #c5c5c5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#888;padding:0 2px 0 26px;}
div#buddysearch #buddysearch_input_div input.active{color:#333;}
div#buddysearch #buddysearch_input_div #buddy-search-clear{cursor:pointer;position:absolute;right:4px;left:auto;}
div#buddysearch #buddysearch_input_div img{position:absolute;left:5px;top:6px;}
div#buddysearch div#blist-add-popup{position:absolute;background:white;}
span.main img{margin-top:10px;}
div#body div#con-main{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.fullScreen div#body div#con-main{background:#fff;position:fixed;left:0!important;}
div#body div#con-main.with_menu{left:260px;}

/* roles tab */
.roles-tab .nav-tabs{padding-left:6px;}
.roles-tab .nav-tabs a{padding:4px 36px 3px 37px;border-radius:2px 2px 0 0;width:auto;font-size:14px;}

/* tab-region */
.menu-ctrl{position:absolute;top:6px;left:5px;color:#999;background:#fff;border-radius:3px;}
.fullScreen .menu-ctrl{display:none;}
.tab-header{padding:9px 0 0 4.2em;margin-bottom:0;height:28px}
.fullScreen .tab-header{padding-left:1.2em}
.tab-header.nav-tabs a{padding:4px 16px 3px 16px;text-decoration:none;font-size:13px;}
.tab-header.nav-tabs .active a{font-weight:bold;}
.tab-content{position:absolute;left:0;right:0;top:38px;bottom:0;overflow:hidden;}
.tab-content .tab-pane > iframe{position:absolute;top:0;}
